<template>
  <div class="creatBox">
      <!-- 创建角色头部 -->
      <CreateRoleHead title="创建角色" :btnArr="storeBtn"></CreateRoleHead>
      <!-- 创建角色内容 -->
      <RoleItem>
          <template #fnRange>
              <TreeControl></TreeControl>
          </template>
      </RoleItem>
  </div>
</template>

<script>
import CreateRoleHead from "../payroll/operationPayrollTitle";
import EditRoleItem from './EditRoleItem'
import TreeControl from './treeControl'
export default {
    components:{
        CreateRoleHead,
        EditRoleItem,
        TreeControl
    },
    data() {
        return {
              storeBtn: ["保存"],
        }
    },
};
</script>

<style lang="less" scoped>
.creatBox{
    height: 100%;
    background-color: #fff;
}
/deep/.form{
    margin-top: 20px;
}
/deep/.el-input{
    width: 600px;
    height: 30px;
    line-height: 30px;
}
/deep/.el-input__inner{
    height: 30px;
    line-height: 30px;
}
/deep/.el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:after {
    content: '*';
    color: #F56C6C;
    margin-right: 4px;
}
/deep/.el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label::before {
    content: none;
}
/deep/.el-form-item {
    margin-bottom: 22px;
    margin-left: 240px;
    width: 600px;
}
</style>